<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css"  crossorigin="anonymous">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>左右结构页面</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
    }
    .container {
      display: flex;
      height: 100vh;
    }
    .sidebar {
      width: 200px;
      background-color: #7ccccc;
      color: #fff;
      padding: 20px;
    }
    .sidebar h2 {
      margin: 0 0 20px;
    }
    .sidebar ul {
      list-style: none;
      padding: 0;
    }
    .sidebar ul li {
      margin-bottom: 10px;
    }
    .content {
      flex: 1;
      padding: 20px;
      background-color: #f9f9f9;
    }
  </style>
</head>
<body>

<div class="container">

<!--  <div class="sidebar" th:include="left.html"></div>-->
  <div class="content" title="学生管理系统">
    <form action="/Student/add" class="was-validated" method="post">


<!--      <div class="form-group">-->
<!--        <label for="id">ID:</label>-->
<!--        <input type="text" class="form-control" id="id" placeholder="Enter order ID" name="id" required>-->
<!--        <div class="valid-feedback">验证成功！</div>-->
<!--        <div class="invalid-feedback">请输入 ID！</div>-->
<!--      </div>-->
      <div class="form-group">
        <label for="userId">用户 ID:</label>
        <input type="text" class="form-control" id="userId" placeholder="Enter user ID" name="userId" required>
        <div class="valid-feedback">验证成功！</div>
        <div class="invalid-feedback">请输入用户 ID！</div>
      </div>
      <div class="form-group">
        <label for="total">订单总价:</label>
        <input type="text" class="form-control" id="total" placeholder="Enter order total" name="total" required>
        <div class="valid-feedback">验证成功！</div>
        <div class="invalid-feedback">请输入订单总价！</div>
      </div>
      <div class="form-group">
        <label for="description">订单描述:</label>
        <input type="text" class="form-control" id="description" placeholder="Enter order description" name="description" required>
        <div class="valid-feedback">验证成功！</div>
        <div class="invalid-feedback">请输入订单描述！</div>
      </div>
<!--      <div class="form-group">-->
<!--        <label for="name">id:</label>-->
<!--        <input type="text" class="form-control" id="name" placeholder="Enter student name" name="name"  required>-->
<!--        <div class="valid-feedback">验证成功！</div>-->
<!--        <div class="invalid-feedback">id！</div>-->
<!--      </div>-->

<!--      <div class="form-group">-->
<!--        <label for="pwd">Password:</label>-->
<!--        <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="password" required>-->
<!--        <div class="valid-feedback">验证成功！</div>-->
<!--        <div class="invalid-feedback">请输入密码！</div>-->
<!--      </div>-->
<!--      <div class="form-group">-->
<!--        <label for="exampleRadios1">性别:</label>-->
<!--        <div class="form-check">-->
<!--          <input class="form-check-input" type="radio" name="sex" id="exampleRadios1" value="1" checked>-->
<!--          <label class="form-check-label" for="exampleRadios1">-->
<!--            男-->
<!--          </label>-->
<!--        </div>-->
<!--        <div class="form-check">-->
<!--          <input class="form-check-input" type="radio" name="sex" id="exampleRadios2" value="0">-->
<!--          <label class="form-check-label" for="exampleRadios2">-->
<!--            女-->
<!--          </label>-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="form-group">-->
<!--        <label for="clazz">班级:</label>-->
<!--        <input type="text" class="form-control" id="clazz" placeholder="Enter age" name="clazz" required>-->
<!--        <div class="valid-feedback">验证成功！</div>-->
<!--        <div class="invalid-feedback">请输入班级！</div>-->
<!--      </div>-->
<!--      <div class="form-group">-->
<!--        <label for="birthday">生日:</label>-->
<!--        <input type="date" class="form-control" id="birthday" placeholder="Enter birthday" name="birthday" required>-->
<!--        <div class="valid-feedback">验证成功！</div>-->
<!--        <div class="invalid-feedback">请输入生日！</div>-->
<!--      </div>-->
<!--      <div class="form-group form-check">-->
<!--        <label class="form-check-label">-->
<!--          <input class="form-check-input" type="checkbox" name="remember" required> 同意协议-->
<!--          <div class="valid-feedback">验证成功！</div>-->
<!--          <div class="invalid-feedback">同意协议才能提交。</div>-->
<!--        </label>-->
<!--      </div>-->
      <button type="submit" class="btn btn-primary">新增</button>
    </form>



  </div>
</div>
<script src="/bootstrap/js/jquery.min.js"  crossorigin="anonymous"></script>
<script src="/bootstrap/js/bootstrap.bundle.min.js"  crossorigin="anonymous"></script>

</body>
</html>